﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MultiUpload Demo</title>
<script type="text/javascript" src="swfupload/swfupload.js"></script>
<script type="text/javascript" src="swfupload/multiupload.js"></script>
<script type="text/javascript">
var Setting={
	debug:false,
	upload_url: "upload.asp",
	file_post_name : "filedata",
	file_types : "*.bmp;*.rar;*.iso;*.jpg;*.gif;*.png;*.exe;*.flv",//文件格式限制
	file_types_description : "文件类型",//文件格式描述
	file_size_limit : "100 MB",	// 文件大小限制
	file_upload_limit : 5//上传文件总数
};

//回调函数，this.name会返回服务器上的文件名字；如果不需要可以直接将本函数去掉，或者把函数内容留空
function CallBack(){
	document.getElementById("fileUploaded").value += "\n" + this.name;
}
window.onload=pageInit;
</script>
<style>
body,div,ul,li{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; list-style:none}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
.clear{clear:both}
.divAddFiles1{ width:80px; height:25px; line-height:25px;border: #6699cc 1px solid; background-color:#D3E6F3; cursor:pointer}
#buttonArea{
	background:#FFF;
	border-bottom:1px solid #DDD;
	padding:3px;
}
#progressArea{
	background:#FFF;
	padding:3px;
	padding-left:5px;
	height:15px;
	width:350px;
	float:left;
}
.actButton{ float:left; width:90}
#upload{ width:450px;border:1px #DDD solid; margin:20px}

#listArea{ padding:0;}
.filelist{padding:10px; margin:0 10px 10px 10px; border-bottom:1px #eee dotted}
.filelist .filename{ font-size:14px; font-weight:bold}
.filelist .fileprocess{margin:10px 0 0 0;}

#progressArea ul li{ float:left;}
#processer{width:350px; padding-top:3px}
#progressArea ul{ padding-top:3px}
#progressArea ul li.u-text{ width:40px}

</style>
</head>
<body>
	<div id="upload">
		<div id="buttonArea">
        	<div class="divAddFiles1">
        	<span id="divAddFiles"></span></div>
		</div>
		<div id="listArea"></div>
        <div style="padding:3px" class="clearfix">
        	<div class="actButton">
            <input class="divAddFiles1" type="button" id="startU" disabled="disabled" value="开始上传" onclick="startUploadFiles();" /></div>
            <div id="progressArea">
                <ul>
                    <li id="processer"></li>
                    <li class="all-text"></li>
                    <li class="clear"></li>
                </ul>
        	</div>
            <div class="clear"></div>
       </div>
    <textarea id="fileUploaded" cols="55" style="width:436px;padding:3px; margin:3px; border:1px #efefef dashed" rows="10">已上传文件：</textarea>
	</div>
</body>
</html>